import React from 'react'
import './bar.scss'

function MainBar(props: any) {
  return (
    <div className={"com-mainbar" + (props.className ? " " + props.className : "")}>
      {props.children}
    </div>
  )
}

function SideBar(props: any) {
  return (
    <div className={"com-sidebar" + (props.className ? " " + props.className : "")}>
      {props.children}
    </div>
  )
}

export {MainBar, SideBar}
